// Color Variables

@color-primary: #000;
@color-secondary: #fff;
@color-accent: #990000;
@color-background: #ccc;

// Border Variables/classes

.img-border {
	background-color: #f9f9f9;
	border: 1px solid #dfdfdf;
	padding: 4px;
}

.border-radius(@radius) {
	border-radius: @radius;
	-moz-border-radius: @radius;
	-webkit-border-radius: @radius;
}



/* Links */
a {
	color: #333;
	
	&:hover { text-decoration: none; color: darken(@color-accent, 10%); }
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	font-weight: bold;
	}
h1 { font-size: 25px; }
h2 { font-size: 23px; }
h3 { font-size: 21px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; }
h6 { font-size: 15px; }

.hfeed h1, .hfeed h2, .hfeed h3, .hfeed h4, .hfeed h5, .hfeed h6 {
	padding-left: 15px;
	color: #444;
	border-left: 5px solid #d9d9d9;
	}
.hfeed h1 { line-height: 25px; }
.hfeed h2 { line-height: 23px; border-color: #ddd; padding-left: 14px; }
.hfeed h3 { line-height: 21px; border-color: #dfdfdf; padding-left: 13px; }
.hfeed h4 { line-height: 19px; border-color: #e1e1e1; padding-left: 12px; }
.hfeed h5 { line-height: 17px; border-color: #e3e3e3; padding-left: 11px; }
.hfeed h6 { line-height: 15px; border-color: #e5e5e5; padding-left: 10px; }


/* Horizontal rule */
hr {
	height: 1px;
	background: #dfdfdf;
	}

/* Tables */
table {
	margin: 0 0 25px 0;
	width: 100%;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	background: #fff;
	
	caption {
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	color: #333;
	}
	
	th {
	font: normal normal bold 13px/25px Arial, Verdana, sans-serif;
	padding: 4px 2%;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	text-align: left;
	}
	
	td {
	padding: 4px 2%;
	color: #777;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	}
}

/* Acronyms and abbreviations */
abbr {
	
	}
.byline abbr, .entry-meta abbr, .comment-meta abbr {
	border: none;
	}
acronym {
	font-size: .9em;
	text-transform: uppercase;
	color: #555;
	background: #fcfcfc;
	
	&:hover {
	color: #333;
	background: #f9f9f9;
	}
}

/* Lists. */
ul {
	list-style: square;
	}
dl {
	margin: 0 0 25px 25px;
	
	dt {
	margin: 0;
	font: normal normal bold 16px/25px Arial, Verdana, sans-serif;
	}
	
	dd {
	margin: 0 0 5px 10px;
	padding: 0;
	font-size: 14px;
	color: #777;
	}
}

/* Blockquotes. */
blockquote, blockquote blockquote blockquote {
	overflow: hidden;
	margin: 0 0 25px 0;
	padding: 25px 25px 0 25px;
	font-size: 15px;
	color: #666;
	background: #f9f9f9;
	border-left: 5px solid #ddd;
	}
blockquote blockquote {
	color: #666;
	background: #eee;
	border-left: 5px solid #ccc;
	}

/* Code */
code {
	padding: 0 3px;
	color: #555;
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	background: #e6e6e6;
	}
pre {
	padding: 25px;
	color: #555;
	font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
	background: #efefef;
	border: 1px solid #dfdfdf;
	}
pre code {
	padding: 0;
	background: transparent;
	}

/* Forms */
input[type="text"] {
	display: block;
	width: 300px;
	}
input[type="submit"]:hover {
	cursor: pointer
	}
textarea {
	display: block;
	width: 98.5%;
	}

/* Alignment */
.left, .alignleft {
	float: left;
	margin: 0 25px 10px 0;
	}
.right, .alignright {
	float: right;
	margin: 0 0 10px 25px;
	}
img.alignleft, img.alignright {
	margin-top: 5px;
	}
.center, .aligncenter {
	display: block;
	margin: 0 auto 25px auto !important;
	}
.block, .alignnone {
	display: block;
	margin: 0 0 25px 0;
	}
.clear {
	clear: both;
	}

/* Images */

a.load_img {border:none;}

.one-index img, .two-index img, .three-index img, .one-single img, .two-single img, .three-single img {
	margin:0 0 10px;
	padding: 4px;
	background: #f9f9f9;
	border: 1px solid #dfdfdf;
	}

.thumbnail {
	float: left;
	width: 150px;
	height: 150px;
	margin: 0 15px 10px 0;
	padding: 4px;
	background: #f9f9f9;
	border: 1px solid #dfdfdf;
	}
.sticky .thumbnail {
	background: #eee;
	border: 1px solid #ccc;
	}

.entry-content img {
	height: auto;
	max-width: 590px;
	padding: 4px;
	background: #f9f9f9;
	border: 1px solid #ddd;
	}

/* Max-widths for images */
.entry-content img { max-width: 590px; }

.layout-1c .entry-content img { max-width: 918px; }
.layout-3c-l .entry-content img, .layout-3c-r .entry-content img, .layout-3c-c .entry-content img { max-width: 490px; }

.wp-caption { max-width: 590px; }
.layout-1c .wp-caption { max-width: 918px; }
.layout-3c-l .wp-caption, .layout-3c-r .wp-caption, .layout-3c-c .wp-caption { max-width: 490px; }

.wp-caption img { max-width: 574px; }
.layout-1c .wp-caption img { max-width: 902px; }
.layout-3c-l .wp-caption img, .layout-3c-r .wp-caption img, .layout-3c-c .wp-caption img { max-width: 474px; }

/* Smiley */
img.wp-smiley {
	max-width: 12px;
	padding: 0;
	background: transparent;
	border: none;
	}

/* Captions [caption] */
.wp-caption {
	overflow: hidden;
	padding: 9px 4px;
	background: #f9f9f9;
	
	text-align: center;
	
	img {
	margin: 0 0 5px 0;
	padding: 2px;
	background: #eee;
	border: 1px solid #bbb;
	}
	
	.wp-caption-text {
	margin: 0 4px;
	font: normal normal normal 12px/12px Arial, Verdana, sans-serif;
	color: #888;
	text-align: right;
	}
	
	a {
	border: none;
	}
}

/* Fixing the nasty inline styles WordPress adds for galleries. */
/* For a better gallery experience, install http://wordpress.org/extend/plugins/cleaner-gallery */
.gallery, .attachment-gallery {
	overflow: hidden;
	margin: 0 !important;
	
	a {
		border: none;
		display:block;
	}
}

.gallery {
	br {
		display: block;
		line-height: 0;
		height: 0; /* Ugh! Learn CSS, WP developers! */
	}
}
	
.gallery-item, .attachment-gallery .gallery-item {
	overflow: hidden;
	margin: 0 10px 10px 0 !important;
	float:left;
	width:100px;
	height:100px;
	}
.gallery-icon {
	overflow: hidden;
	margin: 0;
	}
.gallery img, .attachment-gallery img {
	width:89%;
	max-width: 89%;
	height: auto;
	margin: 0 auto;
	padding: 2px !important;
	border: 1px solid #ddd !important;
	}
.gallery-caption {
	margin: 0;
	font: normal normal normal 12px/25px Arial, Verdana, sans-serif;
	color: #333;
	}
.singular-attachment .hentry .gallery-caption {
	display: none; /* Hide captions in gallery on attachment pages. This is a theme feature. */
	}
.gallery .last, .attachment-gallery .last {
clear:none;
margin: 0 10px 10px 0 !important;
}

.dropcap {
    color:#fff;
    float:left;
    font-size:28px;
    height:44px;
    line-height:36px;
    margin-bottom:-5px;
    margin-right:10px;
    text-align:center;
    width:44px;
    background:#444;
	-webkit-border-radius:22px;
	-moz-border-radius:22px;
	border-radius:22px;
}
	
a.button {
	display:inline-block;
	-moz-border-radius: 7px;
	-webkit-border-radius:7px;
	border-radius: 7px;
	background:#444;
	padding:0 15px;
	text-align:center;
	color:#fff;
	
	&:hover {
		text-decoration:underline;
	}
}
.toggle {
	a {color:#777; font-size:18px;}
	dd {font-size:100%;}
}


/* column layouts */
/* ------- Fluid Columns ------- */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }

.one_half,.one_third,.two_third,.three_fourth,.one_fourth{position:relative; margin-right:4%; float:left; text-align:left; }
.last{ margin-right:0 !important; clear:right; text-align:left; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

/*bookmarks */
.bookmark-list div.one_third:nth-child(3n+1) {clear:left;}
.bookmark-list div.one_third:nth-child(even) {clear:left;}

.bookmarks {
	img {
		width:50px;
		height:50px;
		float:left;
		margin:0 10px 10px 0;
		padding: 4px;
		background: #f9f9f9;
		border: 1px solid #dfdfdf;
	}
	
	ul {
		list-style:none;
		padding:0;
	}

	li {
		margin:0 0 10px;
		clear:both;
	}
}

/* Widget Image Stream */

.image-stream-entry {
	overflow:hidden;
	margin:0 0 20px;
	clear:both;
	}
.image-stream {
	a{
		margin: 0 0 10px 10px;
		display: block;
		float:left;
		width: 80px;
		height: 80px;
		background: #fff;
		border:none;
		
			img {
				.img-border;
				width: 70px;
				height: 70px;
			}
	}
}
/* Body. */
body {
	padding: 25px 0;
	color: #111;
	background: #f9f9f9;
	}

/* Primary menu */
#menu-primary {
	width: 980px;
	margin: 0 auto;

	div.menu {
		float: left;
		width: 978px;
		background: #fff;
		border-top: 1px solid #dfdfdf;
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
	}
	li {
		background: #fff;
		
		a {
			padding: 12px 25px;
			font: normal normal bold 13px/13px Arial, Verdana, sans-serif;
			color: #777;
			background: #fff;
			border-bottom: none;
			border-right: 1px solid #dfdfdf;
		}
		&:hover {
			text-decoration: underline;
		}
		
		ul {
			border-top: 1px solid #dfdfdf;
			border-right: 1px solid #dfdfdf;
			border-color: #444;
		}
	}
	
	li.current-menu-item a {
		color: #000;
	}
	li li.current-menu-item a {
		padding-left: 20px;
		border-left: 5px solid #777;
	}
	li:hover ul li a, li.sfHover ul li a, li.sfHover a {
		color: #9e9e9e;
		background: #252525;
	}
	li li a, li li.current-menu-item li a {
		font-size: 11px;
		text-transform: uppercase;
		color: #9e9e9e;
		border-bottom: 1px solid #dfdfdf;
		border-right: none;
		border-left: 1px solid #dfdfdf;
		border-color: #444;
	}
	ul li a:hover, 	li ul li a:hover {
		color: #eee;
		background: #252525;
		text-decoration: underline;
	}

/* Drop-down styles */
	li ul {}
	
	li:hover ul, li.sfHover ul {
		top: 37px;
	}
	li:hover li ul, li.sfHover li ul {
		top: -999em;
	}
	li li:hover ul, li li.sfHover ul {
		top: -1px;
		margin-left: 0;
	}
}

/* Header */
#header {
	overflow: hidden;
	clear: both;
	width: 928px;
	margin: 0 auto;
	padding: 25px;
	background: #fff;
	border: 1px solid #dfdfdf;
	}
#branding {
	float: left;
	width: 440px;
	}
#site-title {
	font: normal normal bold 25px/25px Arial, Verdana, sans-serif;
	margin: 0 0 10px 0;
	text-shadow: 2px 2px 2px #ccc;
	
	a {
		color: #000;
		border-bottom: none;
		
		&:hover {
			text-decoration: underline;
		}
	}
}

#site-description {
	font: italic normal normal 13px/25px Georgia, Times, 'Times New Roman', serif;
	margin: 0;
	color: #333;
	}
	
#sidebar-header {
	overflow: hidden;
	float: right;
	width: 460px;
	height: 60px;
	}

/* Secondary menu */
#menu-secondary {
	width: 980px;
	margin: 0 auto;
	
	div.wrap {
		float: left;
		width: 978px;
		background: #fff;
		border-bottom: 1px solid #dfdfdf;
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
	}
	div.menu {
		float: left;
		width: 680px;
	}
	li {
		background: #fff;
		
		a {
			padding: 12px 25px;
			font: normal normal bold 13px/13px Arial, Verdana, sans-serif;
			color: #777;
			background: #fff;
			border-bottom: none;
			border-right: 1px solid #dfdfdf;
			
			&:hover {
				text-decoration: underline;
			}
		}
	}
	li ul {
		border-top: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
		border-color: #444;
	}
	li.current-menu-item a {
		color: #000;
	}
	li li.current-menu-item a {
		padding-left: 20px;
		border-left: 5px solid #777;
	}
	li:hover ul li a, li.sfHover ul li a, li.sfHover a {
		color: #9e9e9e;
		background: #252525;
	}
	li li a, li li.current-menu-item li a {
		font-size: 11px;
		text-transform: uppercase;
		color: #9e9e9e;
		border-bottom: 1px solid #dfdfdf;
		border-right: none;
		border-left: 1px solid #dfdfdf;
		border-color: #444;
	}
	ul li a:hover, li ul li a:hover {
		color: #eee;
		background: #252525;
		text-decoration: underline;
	}

/* Drop-down styles */
	li ul { }
	li:hover ul,  li.sfHover ul {
		top: 37px;
	}
	li:hover li ul, li.sfHover li ul {
		top: -999em;
	}
	li li:hover ul, li li.sfHover ul {
		top: -1px;
		margin-left: 0;
	}
}

/* Search form in the secondary menu */
div.search {
	float: right;
	width: 270px;
	margin-right: 25px;
	}
.search-form {
	input[type="text"] {
		width: 99%;
		margin-top: 5px;
		padding: 5px 0;
		text-indent: 15px;
		font-style: italic;
		font-size: 12px;
		color: #aaa;
		border: 1px solid #dfdfdf;
		border-top-color: #eee;
		border-left-color: #eee;
	}
	input[type="text"]:focus {
		color: #333;
		background: #fefefe;
		border-color: #cfcfcf;
		border-top-color: #e9e9e9;
		border-left-color: #e9e9e9;
	}
	input[type="submit"] {
		display: none;
	}
}

/* Main wrapper div for the content and primary/secondary sidebars */
#main {
	clear: both;
	overflow: hidden;
	width: 928px;
	margin: 0 auto;
	padding: 25px;
	background: #fff;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}

/* Breadcrumb trail */
.breadcrumbs {
	font-size: 13px;
	color: #333;
	margin-bottom: 25px;
	
	a {
		color: #777;
		
		&:hover {
			color: #000;
			text-decoration: none;
		}
	}
	.trail-before {
		display: inline-block;
		margin-right: 6px;
		color: #777;
	}
	.trail-end {
		font-style: italic;
	}
	.sep {
		display: inline-block;
		margin: 0 3px;
		color: #ccc;
	}
}

/* Content */
#content {}

/* Posts */
.hentry {
	overflow: hidden;
	margin: 0 0 25px 0;
	font-size: 16px;
	color: #444;
}
.singular .hentry {
	margin: 0;
}
.sticky {
	margin: 0 0 50px 0;
	padding: 25px 25px 0 25px;
	background: #f9f9f9;
	border-left: 5px solid #ddd;
}

/* Post titles */
.hentry .entry-title {
	margin: 0 0 10px 0;
	padding: 0;
	font: normal normal bold 20px/25px Arial, Verdana, sans-serif;
	text-shadow: 1px 1px 1px #ccc;
	border: none;
	
	a {
		color: #000;
		border-bottom: none;
		
		&:hover {
			text-decoration: underline;
		}
	}
}
.singular .entry-title {
	font-size: 25px;
	line-height: 30px;
}
.singular-page .entry-title, .singular-attachment .entry-title {
	margin-bottom: 25px;
}


/* Post bylines/datelines */
.byline {
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #333;
	
	a {
		color: #777;
		
		&:hover {
			color: #000;	
			text-decoration: none;
		}
	}
}

.singular .byline {
	margin: 0 0 25px 0;
}

/* Post excerpts */
.entry-summary {
	p {
		margin: 0 0 10px 0;
	}
}

/* Post metadata */
.entry-meta {
	clear: both;
	margin: 0 0 25px 0;
	font-size: 14px;
	color: #333;
	
	a {
		color: #777;
		
		&:hover {
			color: #000;
			text-decoration: none;
		}
	}
}
/* Archive/search loop meta/info */
.loop-meta {
	overflow: hidden;
	margin: 0 0 25px 0;
	font-size: 14px;
	color: #777;
	
	.avatar {
		float: left;
		width: 51px;
		height: 51px;
		margin: 0 25px 10px 0;
		padding: 2px;
		background: #f9f9f9;
		border: 1px solid #ddd;
	}
}

.loop-description {
	overflow: hidden;
	font-style: italic;
	
	em {
	font-style: normal;
	}
}

.loop-title {
	font: normal normal bold 25px/25px Arial, Verdana, sans-serif;
	text-shadow: 1px 1px 1px #ccc;
	}

/* Singular post prev/next links */
.singular .loop-nav {
	font-size: 15px;
	color: #666;

	a {
		font-style: italic;
	}
}

/* Page links for multi-paged posts <!--nextpage--> */
.page-links {
	clear: both;
	font: normal normal bold 13px/13px Arial, Verdana, sans-serif;
	color: #333;
	
	a {
		display: inline-block;
		padding: 8px 11px;
		margin: 0 5px 0 5px;
		color: #aaa;
		border: 1px solid #dfdfdf;
		
		&:hover {
			color: #eee;
			background: #252525;
			text-decoration: underline;
		}
	}
}
.entry-summary .page-links {
	clear: none;
	font: normal normal normal 14px/14px Georgia, Times, 'Times New Roman', serif;
	color: #333;
	
	a {
		margin: 0 2px 0 2px;
		padding: 4px 7px;
		font: normal normal bold 11px/11px Arial, Verdana, sans-serif;
		border-color: #e9e9e9;
	}
}


/* Archive/search pagination and comment pagination */
.comment-navigation {
	margin-bottom: 25px;
	}
.pagination, .comment-navigation {

	.page-numbers  {
		display: inline-block;
		padding: 8px 11px;
		margin: 0 10px 0 0;
		font: normal normal bold 13px/13px Arial, Verdana, sans-serif;
		color: #333;
		border: 1px solid #dfdfdf;
	}
	
	a.page-numbers {
		color: #aaa;
		
		&:hover{
			color: #eee;
			background: #252525;
			text-decoration: underline;
		}
	}
	
	.current{
		font-weight: bold;
	}
}
/* Sidebar after singular posts */
#sidebar-after-singular {
	overflow: hidden;
	margin: 0 0 25px 0;
	padding: 25px 25px 0 25px;
	font-size: 14px;
	color: #444;
	background: #f9f9f9;
	border-left: 5px solid #ddd;
	
	.widget-title {
		font-size: 15px;
		line-height: 15px;
	}
	.widget {
		ul {
			list-style: square;
		}
		
		 ul li a {
			color: #555;
			
			&:hover {
				color: #000;
				text-decoration: none;
			}
		}
	}
}

/* Primary and Secondary sidebars */
#sidebar-primary {
	font-size: 14px;
	color: #333;
}
#sidebar-secondary {
	font-size: 14px;
	color: #444;
	border: 1px solid #dfdfdf;
}

/* Widget title */
#sidebar-primary .widget-title, #sidebar-secondary .widget-title {
	font-size: 15px;
}

/* Widget unordered lists */
#sidebar-primary {
	
	.widget {
		ul {
			list-style: square;
		}
		 ul li a {
			color: #777;
			
			&:hover {
				color: #000;
				text-decoration: none;
			}
		}
	}
}

#sidebar-secondary {
	.widget {
		ul {
			list-style: square;
		}
		ul li a {
			color: #777;
			
			&:hover {
				color: #000;	
				text-decoration: none;
			}
		}
	}
}

/* Search form widget. */
.widget .search-form {
	overflow: hidden;
	margin: 0 0 25px 0;
	
	label {
		font: normal normal normal 12px/25px Arial, Verdana, sans-serif;
		color: #333;
	}
	
	input[type="text"] {
		width: 99%;
		padding: 5px 0;
		text-indent: 10px;
		font-style: italic;
		font-size: 13px;
		color: #333;
	}
	
	input[type="submit"] {
		display: none;
	}
}

/* Comments */
.comment-list, .comment-list ol {
	list-style: none;
	margin: 0 0 25px 0;
	border-top: 1px solid #dfdfdf;
	}
.comment-list {

	li {
		padding: 25px 25px 0 25px;
		border: 1px solid #dfdfdf;
		border-top: none;
	}
	.avatar {
		float: left;
		width: 40px;
		height: 40px;
		margin: 0 15px 10px 0;
		padding: 2px;
		border: 1px solid #eee;
	}
}

.comment-meta {
	margin: 0 0 25px 0;
	font-size: 14px;
	color: #333;
	
	a {
		font-style: normal;
		color: #666;
		&:hover {
			color: #000;
			text-decoration: none;
		}
	}
}

.comment-meta .comment-author cite {
	font-family: Arial, Verdana, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #858585;
	}

.comment-text {
	color: #555;
	}

.comments-closed {
	padding: 10px 25px;
	font-size: 14px;
	color: #666;
	background: #f9f9f9;
	border-left: 5px solid #ddd;
	}

/* Comment form */
#respond {
	overflow: hidden;
	
	.log-in-out {
		font-size: 15px;
		color: #777;
	}
	
	.log-in-out a {
		font-style: italic;
	}
	label {
		font: normal normal normal 13px/25px Arial, Verdana, sans-serif;
		color: #bbb;
	}
	label {
		color: #888;
	}
	span.required {
		font-size: 16px;
		font-weight: bold;
		color: #000;
	}
	#submit {
		float: right;
		margin-bottom: 25px;
	}
}

#reply-title small a {
	font: italic normal normal 14px/25px Georgia, Times, 'Times New Roman', serif;
}

.comment-list #respond {
	margin-top: 25px;
}
	
/* Subsidiary sidebar */
#sidebar-subsidiary {
	overflow: hidden;
	width: 953px;
	margin: 0 auto;
	padding: 25px 0 0 25px;
	background: #fff;
	border-bottom: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	
	.widget {
		float: left;
		width: 217px;
		margin: 0 20px 0 0;
		font-size: 14px;
		color: #333;
	
		.widget-title {
			font-size: 15px;
		}
		ul {
			list-style: square;
		}
		ul li a {
			color: #777;
			&:hover {
				color: #000;
				text-decoration: none;
			}
		}
	}
}

/* Subsidiary menu */
#menu-subsidiary {
	width: 980px;
	margin: 0 auto;
	
	div.menu {
		float: left;
		width: 978px;
		background: #fff;
		border-bottom: 1px solid #dfdfdf;
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
	}
	
	li a {
		padding: 12px 25px;
		font: normal normal bold 13px/13px Arial, Verdana, sans-serif;
		color: #777;
		background: #fff;
		border-bottom: none;
		border-right: 1px solid #dfdfdf;
	}
	
	li.current-menu-item a {
		color: #000;
		
		&:hover {
			color: #000;
			text-decoration: underline;
		}
	}
}

/* Footer */
#footer {
	overflow: hidden;
	clear: both;
	width: 928px;
	margin: 0 auto;
	padding: 25px 25px 0 25px;
	font-size: 15px;
	background: #fff;
	border: 1px solid #dfdfdf;
	border-top: none;
	color: #333;
	
	a {
		color: #555;
		
		&:hover {
			color: #000;
			text-decoration: none;
		}
	}
	
	.copyright {
		float: left;
		width: 50%;
	}
	
	.credit {
		float: right;
		width: 50%;
		text-align: right;
	}
}

/* Layouts. */
.layout-1c #content {
	width: 928px;
	}

.layout-2c-l #content, .layout-default #content {
	float: left;
	width: 600px;
	}
.layout-2c-l #sidebar-primary, .layout-default #sidebar-primary {
	float: right;
	width: 270px;
	}
.layout-2c-l #sidebar-secondary, .layout-default #sidebar-secondary {
	clear: right;
	float: right;
	width: 220px;
	padding: 25px 25px 0 25px;
	}

.layout-2c-r #content {
	float: right;
	width: 600px;
	}
.layout-2c-r #sidebar-primary {
	float: left;
	width: 270px;
	}
.layout-2c-r #sidebar-secondary {
	float: left;
	clear: left;
	width: 220px;
	padding: 25px 25px 0 25px;
	}

.layout-3c-l #content {
	float: left;
	width: 500px;
	}
.layout-3c-l #sidebar-primary, .layout-3c-l #sidebar-secondary {
	clear: none;
	float: left;
	width: 189px;
	margin-left: 25px;
	}
.layout-3c-l #sidebar-secondary {
	padding: 0;
	border: none;
	}

.layout-3c-r #content {
	float: right;
	width: 500px;
	}
.layout-3c-r #sidebar-primary, .layout-3c-r #sidebar-secondary {
	clear: none;
	float: left;
	width: 189px;
	margin-right: 25px;
	}
.layout-3c-r #sidebar-secondary {
	padding: 0;
	border: none;
	}

.layout-3c-c #content {
	float: left;
	margin-left: 205px;
	width: 500px;
	}
.layout-3c-c #sidebar-primary {
	float: left;
	margin-left: -705px;
	width: 189px;
	}
.layout-3c-c #sidebar-secondary {
	clear: none;
	float: right;
	width: 189px;
	padding: 0;
	border: none;
	}
	
.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks { background: #F2F3F6; border: 1px solid #7E8AA2; padding:10px; }

/*****Forms*****/
ol.forms { 
	float: left; 
	list-style: none; 
	margin: 0; 
	width: 100%; 
	
	li { 
		clear: both; 
		float: left; 
		margin-bottom: 18px; 
		position: relative;
		width: 100%;
	}
	
	label {
		cursor: pointer;
		display: block;
		float: left;
		font-weight: bold;
		padding-right: 20px;
		width: 100px;
	}
	
	input, textarea {
		border: 1px solid #7E8AA2;
		.border-radius(20px);
		font: inherit;
		padding: 2px;
		width: 214px;
	}
	
	textarea {
		height: 300px; 
		width: 334px; 
	}
	
	input:focus, textarea:focus { background-color: #f2f3f6; border-color: #ff9800; }
	
	
	li .error { font-size: 12px; margin-left: 20px; }
	
	li.textarea .error {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 100px;
	}
	
	li.screenReader { margin-bottom: 0; }
	
	li.buttons button {
		display:inline-block;
		.border-radius(5px);
		background:#444;
		padding:10px 15px;
		text-align:center;
		color:#fff;
		border:none;
	}
	
	li.buttons button:hover { color: #ccc; }
	
	li.buttons button:active { left: -1px; position: relative; top: -1px; }
	
	li.buttons, ol.forms li.inline {width: 460px; }
	
	li.inline input { width: auto; }
	
	li.inline label { display: inline; float: none; width: auto; }
}
.error { color: #f00; }

